.fh5co-pricing-style-1,
.fh5co-pricing-style-2  {
	padding: 5em 0;
	@media screen and (max-width: $screen-sm) {
		padding: 3em 0;
	}
}

.fh5co-pricing-style-1 {
	.fh5co-price {
		padding-top: 0em;
		display: block;
		font-size: 50px;
		line-height: 50px;
		font-family: $font-primary;
		color: $brand-primary;
		margin-bottom: 30px;
		> span {
			font-size: 16px;
			line-height: 16px;
			font-family: $font-primary;
			font-weight: 400;
			color: lighten($brand-black, 50%);
		}
	}
	
	.fh5co-currency {
		vertical-align: super;
		font-size: 30px!important;
		color: $brand-primary!important;
		// top: -10px;
		position: relative;
	}



	.fh5co-pricing-item {
		display: block;
		color: lighten($brand-black, 20%);
		float: left;
		width: 100%;
		text-align: center;
		background: $brand-white;
		padding: 40px 10px;
		margin-bottom: 1.5em;
		@include border-radius(4px);
		@include transition(.5s);
		&.pricing-feature {
			border-top: 10px solid $brand-primary;
			z-index: 9;
		}
		p:last-child {
			margin-bottom: 0;
		}
		&:hover, &:focus, &:active {
			text-decoration: none;
			outline: none;
		}

		.fh5co-pricing-item-lead {
			font-size: 12px;
			font-family: $font-tertiary;
			letter-spacing: 2px;
			text-transform: uppercase;
			margin-bottom: 15px;
		}
		.fh5co-pricing-item-text {
			font-size: $font-size-base;
			color: lighten($brand-black, 65%);
		}
		
		&:hover, &.active {
			-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.15);
			-moz-box-shadow: 0 0 50px 0 rgba(0,0,0,.15);
			-ms-box-shadow: 0 0 50px 0 rgba(0,0,0,.15);
			box-shadow: 0 0 50px 0 rgba(0,0,0,.15);

			margin-top: -10px;
			@media screen and (max-width: $screen-sm) {
				margin-top: 0px;
			}
		}
	}
}

.fh5co-pricing-style-2 {
	background: $brand-success;
	.fh5co-heading {
		color: $brand-white;
	}
	p {
		color: rgba(255,255,255,.7);
	}
	.pricing {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		margin: 0 auto 3em;
	}
	.pricing-item {
		font-family: $font-tertiary;
		padding: 2em 3em;
		margin: 1em;
		color: #262b38;
		background: #fff;
		cursor: default;
		text-align: center;
		overflow: hidden;
		box-shadow: 0 0 50px 0 rgba(0,0,0,.15);
		@media screen and (min-width: $screen-md) {
			margin: 1.5em 0;
			&.pricing-item--featured {
				z-index: 10;
				margin: 0;
				font-size: 1.15em;
			}
		}
	}
	

	// @media screen and (min-width: 66.250em) {
	// 	.pricing-item {
	// 		margin: 1.5em 0;
	// 	}
	// 	.pricing-item--featured {
	// 		z-index: 10;
	// 		margin: 0;
	// 		font-size: 1.15em;
	// 	}
	// }

	.pricing-title {
		font-size: $font-size-base - 4;
		letter-spacing: 2px;
		text-transform: uppercase;
		margin-bottom: 10px;
		text-align: center;
	}

	.pricing-price {
		font-size: 5em;
		font-weight: 800;
		color: $brand-success;
		position: relative;
		z-index: 100;
	}

	.pricing-currency {
		font-size: 0.5em;
		vertical-align: super;
	}

	.pricing-period {
		font-size: $font-size-base;
		display: inline-block;
		padding: 0 0 0 0.5em;
		color: lighten($brand-black, 80%);
	}

	.pricing-sentence {
		margin: 0 0 1em 0;
		padding: 0 0 0.5em;
		font-size: $font-size-base;
		text-align: center;
		color: lighten($brand-black, 60%);
	}

	.pricing-feature-list {
		font-size: 0.95em;
		margin: 0;
		padding: 1.5em 0.5em 2.5em;
		list-style: none;
	}

	.pricing-feature {
		padding: 0.15em 0;
	}

	.pricing-action {
		font-weight: bold;
		margin-top: auto;
		padding: 1em 2em;
		color: #fff;
		border-radius: 5px;
		background: #6ed19c;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}

	.pricing-action:hover,
	.pricing-action:focus {
		background-color: #4F5F56;
	}
}